<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
</head>
<body style="background-color: #eeeeee">
<ul class="layui-nav" style="background-color: white">
    <li class="layui-nav-item" style="margin-left: 50%"><a href="">首页</a></li>
    <li class="layui-nav-item "><a href="">推荐文章</a></li>
    <li class="layui-nav-item "><a href="">工具下载</a></li>
    <li class="layui-nav-item"><a href="">留言小本</a></li>
    <li class="layui-nav-item"><a href="">求助专区</a></li>
    <li class="layui-nav-item"><a href="">关于作者</a></li>
    <li class="layui-nav-item">
        <a href=""><img src="http://t.cn/RCzsdCq" class="layui-nav-img"></a>
        <dl class="layui-nav-child">
            <dd><a href="javascript:;">修改信息</a></dd>
            <dd><a href="javascript:;">退出</a></dd>
        </dl>
    </li>
</ul>
<div class="layui-row" style="background-color: #232e3c">
    <div class="layui-col-md3">
        <span style="padding-left: 50px;font-weight: 800;color: white;font-size: 200%">一语知温的博客</span>
    </div>
    <div class="layui-col-md9">
        <img th:src=" @{/img/head_img.png}" style="padding-left: 60%;">
    </div>
</div>
<div class="layui-row">
    <div class="layui-col-md8 layui-col-md-offset1" style="background-color: white">
        <table class="layui-table">
            <colgroup>
                <col width="150">
                <col width="200">
                <col width="200">
                <col width="50">
            </colgroup>
            <thead>
            <tr>
                <th>文件名</th>
                <th>说明</th>
                <th>下载次数</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="file:${fileList}">
                <td th:text="${file.fileName}"></td>
                <td th:text="${file.fileInfo}"></td>
                <td th:text="${file.downloadTime}"></td>
                <td>
                    <a th:href="${file.filePath}">
                        <button id="downloadBtn" class="layui-btn">下载</span>
                        </button>
                    </a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="layui-col-md2 layui-col-md-offset1"
         style="background-color: white">
        <h2>最热文章</h2>
        <div th:each="ha:${session.hottestArticle}"><h2 th:text="${ha.headline}"></h2>
            <h2 th:text="|点赞数:${ha.praiseNum}"></h2></div>
    </div>
</div>
<script th:src="@{/layui/layui.js}"></script>
<script>
    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
        var element = layui.element;
        //…
    });
</script>
</body>
</html>